<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta property="pinp:template" page="Panel" content="/app/files/rewgt/web/templates/Panel">
<meta property="pinp:template" page="P" content="/app/files/rewgt/web/templates/P">
<meta property="pinp:template" page="Span" content="/app/files/rewgt/web/templates/Span">
<meta property="pinp:template" page="Linker" content="/app/files/rewgt/web/templates/Linker">
<meta property="pinp:template" page="Nav" content="/app/files/rewgt/web/templates/Nav">
<meta property="pinp:template" page="Md" content="/app/files/rewgt/web/hint_marked.html">
<title>Shadow book</title>
<!--[if lt IE 11]>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
<![endif]-->
</head>
<body>

<!-- BEGIN OF CONTAINER, DO NOT CHANGE THIS LINE. -->
<div id="react-container" style="visibility:hidden; position:absolute; left:0px; top:0px">
<div $=BodyPanel key='body' klass='S5'>
  <div $=Panel key='book'>
    <div $='.rewgt.book_summary' key='summary' width='{220}' json='summary.json'></div>
    <div $=SplitDiv key='splitter' width='{4}' sty__='{{"backgroundColor":"#fafafa","border":"0px solid #f4f4f4"}}' height='{0.9999}' border-width='{[0,1,0,0]}'></div>
    <div $=Panel key='main' klass='default-large-small col-reverse' width='{-1}'>
      <div $='.rewgt.book_content' key='content' height='{-1}' summary-path='.body.book.summary'></div>
    </div>
  </div>
</div>
</div>
<!-- END OF CONTAINER, DO NOT CHANGE THIS LINE. -->

<link rel="stylesheet" href="lib/hljs/styles/default.css">
<script src="lib/hljs/highlight.pack.js"></script>

<script src="lib/shadow-book.min.js"></script>

<link rel="stylesheet" shared="true" href="lib/sw_base.css" />
<script src="lib/react.min.js"></script>
<script src="lib/react-dom.min.js"></script>
<script src="lib/create-react-class.min.js"></script>
<script src="lib/shadow-widget.min.js"></script>

<style>
body {
  font-size: 1rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
}

ul.book_summary {
  list-style: none;
}
ul.book_summary span {
  cursor: default;
}
ul.book_summary > li.active {
  color: #008cff;
}
ul.book_summary > li:hover {
  color: #ff8000;
}
ul.book_summary > li.done {
  background-image: url('');
  background-repeat: no-repeat;
  background-position: right 4px;
}

span.summary_id {
  font-weight: 600;
}

div.book_to_prev {
  opacity: 0.02;
  background-image: url('');
  background-repeat: no-repeat;
  background-position: center center;
}
div.book_to_next {
  opacity: 0.02;
  background-image: url('');
  background-repeat: no-repeat;
  background-position: center center;
}
div.book_to_prev:hover, div.book_to_next:hover {
  opacity: 1;
  background-color: #f8f8f8;
}
</style>

</body>
</html>
